html, body {
  position: absolute;
  margin: 0;
  background: #000;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/*禁止图片长按*/
.disabled_img_long_press {
  pointer-events: none; /*禁用鼠标*/
}

/*禁止文本选择*/
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#main {
  position: relative;
  width: 100vw;
  height: 100vh;
  background: #000;
}

#HOME_PAGE {
  background: url("../images/DESCENTE-H5_MAIN_裁剪.jpg") 0 0 / 100% no-repeat;
}

.home_bg, .brand_history, .innovative_tech {
  width: 100%;
}

.brand_history, .innovative_tech {
  position: absolute;
  top: 0;
  left: 0;
}

.brand_history {
  margin-top: calc((344 - 49) / 900 * 100%);
  height: calc(458 / 900 * 100vw);
  background: url("../images/DESCENTE-H5_MAIN_02.gif") 0 0 / 100% no-repeat;
}

.innovative_tech {
  margin-top: calc((803 - 49) / 900 * 100%);
  height: calc(469 / 900 * 100vw);
  background: url("../images/DESCENTE-H5_MAIN_03.gif") 0 0 / 100% no-repeat;
}

.history_header {
  position: absolute;
  width: 100%;
  height: calc(472 / 900 * 100vw);
  z-index: 2;
}

.nav_logo {
  width: 100%;
  height: calc(302 / 900 * 100vw);
  background: url("../images/TOP-BANNER_01.jpg") 0 0 / 100% no-repeat;
}

.brand_history_nav {
  /*position: absolute;*/
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  background: url("../images/TOP-BANNER_02.jpg") 0 0 / 100% no-repeat;
  overflow: hidden;

}

.brand_history_nav li {
  display: inline-block;
  float: left;
  position: relative;
}

.brand_history_nav li:nth-child(1) {

  width: calc(224 / 900 * 100%);
  height: calc(70 / 900 * 100vw);
  background: url("../images/nav_1930-1979.png") center / 80% no-repeat;
}

.brand_history_nav li:nth-child(2) {
  width: calc(223 / 900 * 100%);
  height: calc(70 / 900 * 100vw);
  background: url("../images/nav_1980-1999_black.png") center / 80% no-repeat;
}

.brand_history_nav li:nth-child(3) {
  width: calc(225 / 900 * 100%);
  height: calc(70 / 900 * 100vw);
  background: url("../images/nav_2000-2009.png") center / 80% no-repeat;
}

.brand_history_nav li:nth-child(4) {
  width: calc(228 / 900 * 100%);
  height: calc(70 / 900 * 100vw);
  background: url("../images/nav_2010-2018.png") center / 80% no-repeat;
}

.brand_history_nav li.active:nth-child(1) .ACTIVE {
  margin-top: calc(3.5 / 900 * 100vw);
  margin-left: calc(-5 / 900 * 100vw);
  background: url("../images/nav_1930-1979_white.png") center / 80% no-repeat, url("../images/ACTIVATED.png") 0 0 / 100% no-repeat;
}

.brand_history_nav li.active:nth-child(2) .ACTIVE {
  margin-top: calc(3.5 / 900 * 100vw);
  margin-left: calc(-9 / 900 * 100vw);
  background: url("../images/nav_1980-1999.png") center / 80% no-repeat, url("../images/ACTIVATED.png") 0 0 / 100% no-repeat;
}

.brand_history_nav li.active:nth-child(3) .ACTIVE {
  margin-top: calc(3.5 / 900 * 100vw);
  margin-left: calc(-9 / 900 * 100vw);
  background: url("../images/nav_2000-2009_white.png") center / 80% no-repeat, url("../images/ACTIVATED.png") 0 0 / 100% no-repeat;
}

.brand_history_nav li.active:nth-child(4) .ACTIVE {
  margin-top: calc(3.5 / 900 * 100vw);
  margin-left: calc(-9 / 900 * 100vw);
  background: url("../images/nav_2010-2018_white.png") center / 80% no-repeat, url("../images/ACTIVATED.png") 0 0 / 100% no-repeat;
}

.ACTIVE {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: calc(225 / 900 * 100vw);
  height: calc(63 / 900 * 100vw);
  background: url("../images/ACTIVATED.png") 0 0 / 100% no-repeat;
}

.brand_history_nav li.active .ACTIVE {
  display: block;
}

.active {
  list-style-type: circle;
}

.nav_bar {

  overflow: hidden;
  width: 100%;
  height: calc(100 / 900 * 100vw);

  background: url("../images/TOP-BANNER_03.jpg") 0 0 / 100% no-repeat;
}

.tech_bg {
  width: 100%;
  display: block;
  position: relative;
}

.logo {
  position: absolute;
  top: 0;
  margin-top: calc(103 / 900 * 100%);
  margin-left: calc(53 / 900 * 100%);
  width: calc(794 / 900 * 100%);
  padding-bottom: calc(123 / 900 * 100%);
  background: url("../images/logo.png") 0 0 / 100% no-repeat;
}

#HOME_PAGE {
  position: absolute;
  height: 100vh;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
}

#BRAND_HISTORY {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  color: #ffffff;
  background: #000 url("../images/descente_history_bg.gif") 0 0 / 100% no-repeat;
  overflow: hidden;
}

#BRAND_HISTORY .BRAND_HISTORY {

  top: calc(472 / 900 * 100vw);
  height: calc(100vh - (472 / 900 * 100vw));
  background: #ffffff;
}

.history_1930_1979 {
  position: absolute;
  width: calc(563 / 900 * 100%);
  padding-bottom: calc(89 / 900 * 100%);
  margin-top: calc(458 / 900 * 100%);
  margin-left: calc(188 / 900 * 100%);
  background: url("../images/1930-1979.png") 0 0 / 100% no-repeat;
}

.history_1980_1999 {
  position: absolute;
  width: calc(563 / 900 * 100%);
  padding-bottom: calc(89 / 900 * 100%);
  margin-top: calc(640 / 900 * 100%);
  margin-left: calc(188 / 900 * 100%);
  background: url("../images/1980-1999.png") 0 0 /100% no-repeat;
}

.history_2000_2009 {
  position: absolute;
  width: calc(585 / 900 * 100%);
  padding-bottom: calc(88 / 900 * 100%);
  margin-top: calc(822 / 900 * 100%);
  margin-left: calc(172 / 900 * 100%);
  background: url("../images/2000-2009.png") 0 0 /100% no-repeat;
}

.history_2010_2018 {
  position: absolute;
  width: calc(585 / 900 * 100%);
  padding-bottom: calc(88 / 900 * 100%);
  margin-top: calc(1003 / 900 * 100%);
  margin-left: calc(170 / 900 * 100%);
  background: url("../images/2010-2018.png") 0 0 /100% no-repeat;
}

.swiper-slide {
  height: auto;
}

.swiper-slide .history {
  width: 100%;
  display: block;
}

.history_list {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100vh;
  width: 100%;
  transform: translate3d(100%, 0, 0);
}

.history_content {
  padding: 0;
  margin: 0;
}

.history_wrapper .history {
  width: 100%;
  display: block;
}

.history_wrapper {
  position: absolute;
  left: 0;
  top: calc(472 / 900 * 100vw);
  width: 100vw;
  height: calc(100vh - (472 / 900 * 100vw));
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #fff;
}

.History_1930-1979_01 {
  height: calc(1040 / 899 * 100vw);
  background: url("../images/History_1930-1979_01.jpg") 0 0 / 100% no-repeat;
}

.History_1930-1979_02 {
  height: calc(940 / 899 * 100vw);
  background: url("../images/History_1930-1979_02.jpg") 0 0 / 100% no-repeat;
}

.History_1930-1979_03 {
  height: calc(1150 / 899 * 100vw);
  background: url("../images/History_1930-1979_03.jpg") 0 0 / 100% no-repeat;
}

.History_1930-1979_04 {
  height: calc(1090 / 899 * 100vw);
  background: url("../images/History_1930-1979_04.jpg") 0 0 / 100% no-repeat;
}

.History_1930-1979_05 {
  height: calc(1140 / 899 * 100vw);
  background: url("../images/History_1930-1979_05.jpg") 0 0 / 100% no-repeat;
}

.History_1930-1979_06 {
  height: calc(1150 / 899 * 100vw);
  background: url("../images/History_1930-1979_06.jpg") 0 0 / 100% no-repeat;
}

.History_1930-1979_07 {
  height: calc(1080 / 899 * 100vw);
  background: url("../images/History_1930-1979_07.jpg") 0 0 / 100% no-repeat;
}

.History_1930-1979_08 {
  height: calc(1125 / 899 * 100vw);
  background: url("../images/History_1930-1979_08.jpg") 0 0 / 100% no-repeat;
}

.History_1930-1979_09 {
  height: calc(485 / 899 * 100vw);
  background: url("../images/History_1930-1979_09.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_01 {
  height: calc(1059 / 900 * 100vw);
  background: url("../images/History_Timeline_01.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_02 {
  height: calc(1400 / 900 * 100vw);
  background: url("../images/History_Timeline_02.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_03 {
  height: calc(1240 / 900 * 100vw);
  background: url("../images/History_Timeline_03.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_04 {
  height: calc(1120 / 900 * 100vw);
  background: url("../images/History_Timeline_04.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_05 {
  height: calc(1280 / 900 * 100vw);
  background: url("../images/History_Timeline_05.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_06 {
  height: calc(1360 / 900 * 100vw);
  background: url("../images/History_Timeline_06.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_07 {
  height: calc(1500 / 900 * 100vw);
  background: url("../images/History_Timeline_07.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_08 {
  height: calc(1400 / 900 * 100vw);
  background: url("../images/History_Timeline_08.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_09 {
  height: calc(720 / 900 * 100vw);
  background: url("../images/History_Timeline_09.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_11 {
  height: calc(1100 / 900 * 100vw);
  background: url("../images/History_Timeline_11.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_12 {
  height: calc(1200 / 900 * 100vw);
  background: url("../images/History_Timeline_12.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_13 {
  height: calc(1200 / 900 * 100vw);
  background: url("../images/History_Timeline_13.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_14 {
  height: calc(1300 / 900 * 100vw);
  background: url("../images/History_Timeline_14.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_15 {
  height: calc(1300 / 900 * 100vw);
  background: url("../images/History_Timeline_15.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_16 {
  height: calc(1300 / 900 * 100vw);
  background: url("../images/History_Timeline_16.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_17 {
  height: calc(530 / 900 * 100vw);
  background: url("../images/History_Timeline_17.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_19 {
  height: calc(1100 / 900 * 100vw);
  background: url("../images/History_Timeline_19.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_20 {
  height: calc(1200 / 900 * 100vw);
  background: url("../images/History_Timeline_20.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_21 {
  height: calc(1300 / 900 * 100vw);
  background: url("../images/History_Timeline_21.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_22 {
  height: calc(1200 / 900 * 100vw);
  background: url("../images/History_Timeline_22.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_23 {
  height: calc(1300 / 900 * 100vw);
  background: url("../images/History_Timeline_23.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_24 {
  height: calc(1400 / 900 * 100vw);
  background: url("../images/History_Timeline_24.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_25 {
  height: calc(1200 / 900 * 100vw);
  background: url("../images/History_Timeline_25.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_26 {
  height: calc(1120 / 900 * 100vw);
  background: url("../images/History_Timeline_26.jpg") 0 0 / 100% no-repeat;
}

.History_Timeline_27 {
  height: calc(627 / 900 * 100vw);
  background: url("../images/History_Timeline_27.jpg") 0 0 / 100% no-repeat;
}

#INNOVATIVE_TECH {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  overflow: hidden;
}

.back_home {
  position: absolute;
  z-index: 10;
  top: 0;
  /*margin-top: calc(267 / 900 * 100%);*/
  margin-top: calc(400 / 900 * 100%);
  width: calc(99 / 900 * 100%);
  padding-bottom: calc(95 / 900 * 100%);
  background: url("../images/back_home.png") 0 0 / 100% no-repeat;

  font-size: 0;

}

.menu {
  /*position: absolute;*/
  /*top: 100%;*/
  /*width: 100%;*/
  margin-top: 100%;
  height: 300%;
}

.GUIDE_RT_01 {
  /*position: absolute;*/
  /*top: calc(99 / 900 * 100vw);*/
  width: 100%;
  height: calc(95 / 900 * 100vw);
  background: #000000 url("../images/HOME.png") center / 80% no-repeat;
}

.GUIDE_RT_02 {
  /*position: absolute;*/
  /*top: calc(99 / 900 * 100vw * 2);*/
  width: 100%;
  height: calc(95 / 900 * 100vw);
  background: #000000 url("../images/HISTORY.png") center / 100% no-repeat;
}

.GUIDE_RT_03 {
  /*position: absolute;*/
  /*top: calc(99 / 900 * 100vw * 3);*/
  width: 100%;
  height: calc(95 / 900 * 100vw);
  background: #000000 url("../images/TEC.png") center / 60% no-repeat;
}

.ALLTERRAIN {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(530 / 900 * 100%);
  padding-bottom: calc(36 / 900 * 100%);
  margin-top: calc(347 / 900 * 100%);
  margin-left: calc(189 / 900 * 100%);
  background: url("../images/ALLTERRAIN.png") 0 0 / 100% no-repeat;
}

.ALLTERRAIN_LINE {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(542 / 900 * 100%);
  height: 1px;
  margin-top: calc(393 / 900 * 100%);
  margin-left: calc(185 / 900 * 100%);
  background: #FFFFFF;
}

.FusionKnit {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(424 / 900 * 100%);
  padding-bottom: calc(32 / 900 * 100%);
  margin-top: calc(466 / 900 * 100%);
  margin-left: calc(396 / 900 * 100%);
  background: url("../images/FusionKnit.png") 0 0 / 100% no-repeat;
}

.FusionKnit_Line {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(504 / 900 * 100%);
  height: 1px;
  margin-top: calc(510 / 900 * 100%);
  margin-left: calc(396 / 900 * 100%);
  background: #FFFFFF;
}

.HEAT_NAVI {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(437 / 900 * 100%);
  padding-bottom: calc(38 / 900 * 100%);
  margin-top: calc(566 / 900 * 100%);
  margin-left: calc(185 / 900 * 100%);
  background: url("../images/HEAT_NAVI.png") 0 0 / 100% no-repeat;
}

.HEAT_NAVI_Line {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(622 / 900 * 100%);
  height: 1px;
  margin-top: calc(612 / 900 * 100%);
  margin-left: calc(0 / 900 * 100%);
  background: #FFFFFF;
}

.F_360 {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(218 / 900 * 100%);
  padding-bottom: calc(52 / 900 * 100%);
  margin-top: calc(679 / 900 * 100%);
  margin-left: calc(319 / 900 * 100%);
  background: url("../images/F_360.png") 0 0 / 100% no-repeat;
}

.F_360_Line {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(591 / 900 * 100%);
  height: 1px;
  margin-top: calc(742 / 900 * 100%);
  margin-left: calc(309 / 900 * 100%);
  background: #FFFFFF;
}

.PT_ZERO {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(264 / 900 * 100%);
  padding-bottom: calc(52 / 900 * 100%);
  margin-top: calc(800 / 900 * 100%);
  margin-left: calc(184 / 900 * 100%);
  background: url("../images/PT_ZERO.png") 0 0 / 100% no-repeat;
}

.PT_ZERO_Line {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(448 / 900 * 100%);
  height: 1px;
  margin-top: calc(861 / 900 * 100%);
  margin-left: calc(0 / 900 * 100%);
  background: #FFFFFF;
}

.Motion_Knit {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(354 / 900 * 100%);
  padding-bottom: calc(39 / 900 * 100%);
  margin-top: calc(927 / 900 * 100%);
  margin-left: calc(312 / 900 * 100%);
  background: url("../images/Motion_Knit.png") 0 0 / 100% no-repeat;
}

.Motion_Knit_Line {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(591 / 900 * 100%);
  height: 1px;
  margin-top: calc(978 / 900 * 100%);
  margin-left: calc(309 / 900 * 100%);
  background: #FFFFFF;
}

.SIO {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(200 / 900 * 100%);
  padding-bottom: calc(81 / 900 * 100%);
  margin-top: calc(1055 / 900 * 100%);
  margin-left: calc(442 / 900 * 100%);
  background: url("../images/S.I.O.png") 0 0 / 100% no-repeat;
}

.SIO_Line {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(629 / 900 * 100%);
  height: 1px;
  margin-top: calc(1149 / 900 * 100%);
  margin-left: calc(0 / 900 * 100%);
  background: #FFFFFF;
}

.Motion_3D {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(342 / 900 * 100%);
  padding-bottom: calc(54 / 900 * 100%);
  margin-top: calc(1214 / 900 * 100%);
  margin-left: calc(186 / 900 * 100%);
  background: url("../images/Motion_3D.png") 0 0 / 100% no-repeat;
}

.Motion_3D_Line {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(719 / 900 * 100%);
  height: 1px;
  margin-top: calc(1280 / 900 * 100%);
  margin-left: calc(181 / 900 * 100%);
  background: #FFFFFF;
}

.TEC_Allterrain {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #FFFFFF;
  overflow: hidden;
}

.DESCENTE-H5_TEC-Allterrain {
  width: 100vw;
  height: calc(6500 / 900 * 100vw);
  background: url("../images/DESCENTE-H5_TEC-Allterrain.jpg") 0 0 / 100% no-repeat;
}

.TEC_list {
  transform: translate3d(100%, 0, 0);

}


